.theme-night {
  .bg-gray { background-color: #4d5164;   } 
  .bg-lightgray { background-color: #121c44; }
  .ant-layout-footer { background-color:  @night-bg-front !important; color: #fff;}
  .menuli h1 {
    color: #a6def8 !important;
    text-shadow: 3px 3px 8px springgreen;
  }

  #header .next-menu .menu-item:hover,
  .theme-night #header .prev-menu .menu-item:hover {
    background-color: @night-bg-back !important;
  }

  //弹出
  .ant-modal-header {
    background-color: #121c44;
    border-bottom: 1px solid #0d206e;
  }

  .ant-modal-content {
    background-color: @night-bg-front;
  }

  .ant-modal-title {
    color: @primary-color;
  }

  .ant-modal-footer {
    border-top: none;
  }

  .ant-modal-confirm-body .ant-modal-confirm-title {
    color: @primary-color;
  }

  // 表格
  .ant-spin-blur {
    background: #131c4b;
  }

  .ant-table {
    background: #131c4b;
    color: #6CA2ED;
  }

  .ant-table-thead>tr>th {
    background: #040f3b;
    color: #6CA2ED;
    border-bottom: 1px solid #38499e;
  }

  .ant-table-tbody {
    >tr.ant-table-row-selected>td {
      background: #0e1536 !important;
    }

    >tr>td {
      border-bottom: 1px solid #0e1431;
    }

    >tr:hover:not(.ant-table-expanded-row)>td,
    .ant-table-row-hover,
    .ant-table-row-hover>td {
      background: #0e1536 !important;
    }

    .ant-table-cell-fix-left,
    .ant-table-cell-fix-right {
      background: #131c4b;
    }
  }

  .ant-table-fixed {

    .ant-table-row-hover,
    .ant-table-row-hover>td {
      background: #181818 !important;
    }
  }

  .ant-empty-normal {
    color: @primary-color ;
  }

  .ant-pagination-prev button,
  .ant-pagination-next button,
  .ant-pagination-item a,
  .ant-pagination-item-ellipsis,
  .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
  .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
    color: @primary-color ;
  }

  .ant-pagination-item-active {
    background-color: @primary-color ;
  }

  .ant-pagination-item-active a {
    color: #fff;
  }

  //form
  .ant-form-item-label>label {
    color: @primary-color;
  }

  .ant-input,
  .ant-input-number,
  .ant-select:not(.ant-select-customize-input) .ant-select-selector,
  .ant-picker {
    background: @night-bg-back  !important;
    border: 1px solid @primary-color  !important;
    color: @primary-color;
  }

  .ant-picker-input>input {
    color: @primary-color;
  }

  .ant-input[readonly],
  .ant-input-number[readonly],
  .ant-select:not(.ant-select-customize-input)[readonly] .ant-select-selector[readonly] {
    background: rgb(5, 5, 87) !important;
    border: 1px solid @primary-color  !important;
    color: @primary-color;
  }

  input::placeholder,
  .ant-picker-suffix {
    color: #2b3983;
  }

  .ant-input-group-addon {
    background-color: #131c4b;
    color: white;
    border: 1px solid @primary-color  !important;
  }

  .ant-dropdown-menu,
  .ant-select-dropdown,
  .ant-select-tree {
    background-color: #131c4b;
    color: @primary-color;
  }

  .ant-dropdown-menu-item,
  .ant-dropdown-menu-submenu-title,
  .ant-checkbox-wrapper {
    color: @primary-color;
  }

  .ant-dropdown-menu-item:hover {
    background-color: #2b3983;
  }

  .ant-checkbox-inner,
  .ant-table-row-expand-icon {
    background-color: #2b3983;
    border: 1px solid @primary-color  !important;
  }

  .ant-checkbox-checked .ant-checkbox-inner::after {
    border: 2px solid @primary-color;
    border-top: 0;
    border-left: 0;
  }

  .ant-select-item {
    color: @primary-color  !important;
  }

  .ant-select-item-option-active:not(.ant-select-item-option-disabled),
  .ant-select-item-option-selected:not(.ant-select-item-option-disabled),
  .ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected,
  .ant-select-tree .ant-select-tree-node-content-wrapper:hover {
    background-color: #2b3983;
  }

  .ant-input-number-handler-wrap {
    background-color: #2b3983;
    border-left: 1px solid #131c4b;
  }

  .ant-input-number-handler-down {
    border-top: 1px solid #131c4b;
  }

  .ant-select-selection-placeholder {
    color: #5290c4;
  }

  .ant-select-multiple .ant-select-selection-item {
    background-color: #2b3983;
    border: 1px solid #131c4b;
  }


  //按钮
  .ant-btn,
  .ant-btn-default,
  .ant-btn-icon-only,
  .go2-query-button {
    background-color: #131c4b;
    color: #6CA2ED;
    border: 1px solid #38499e;
  }

  .ant-btn-default:hover,
  .ant-btn-icon-only:hover,
  .go2-query-button:hover {
    background-color: #24337c;
  }

  .common-dot-tab .ant-tabs-tab-remove {
    color: #c7c7c7;
  }

  .ant-btn-primary {
    background-color: @primary-color;
    color: #fff;
  }

  .ant-btn-primary[disabled] {
    background-color: #24337c;
    color: #fff;
  }

  .ant-btn-primary[disabled]:hover {
    background-color: #24337c;
    color: #fff;
    border: none;
  }

  .ant-btn-primary:hover {
    background-color: @primary-color;
  }

  .ant-tag-blue {
    background-color: #0a205f;
    border: 1px solid #1c3de2;
    color: #1c3de2;
  }

  .ant-tag-red {
    background-color: #311818;
    border: 1px solid #e62736;
    color: #e62736;
  }

  .ant-tag-green {
    background-color: #183120;
    border: 1px solid #13b43b;
    color: #13b43b;
  }

  .ant-btn-dangerous,
  .ant-btn-dangerous:hover {
    background-color: #e62736 !important;
    border: 1px solid #e62736;
  }

  .ant-btn-link:hover,
  .ant-btn-link:focus,
  .ant-btn-link {
    background-color: transparent;
    border: none;
    color: #1890ff;
  }

  //线条
  .ant-dropdown-menu-item-divider,
  .ant-divider,
  .ant-dropdown-menu-submenu-title-divider {
    background-color: transparent;
  }

  .ant-divider-horizontal.ant-divider-with-text {border-top-color:rgba(204, 204, 204, 0.4);color:#fff;}

  //抽屉
  .ant-drawer-content {
    background-color: #121c44;
    color: #fff;
  }

  .ant-drawer-content .color-content {
    color: #c7c7c7;
  }

  //ant-tree
  .ant-tree,
  .ant-tree-show-line .ant-tree-switcher {
    background: transparent;
    color: rgb(137, 198, 255);
  }

  .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected,
  .ant-tree .ant-tree-node-content-wrapper:hover {
    background-color: #2b3983;
  }

  .ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper,
  .ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
    color: rgb(61, 66, 75);
  }

  //ant-transfer
  .ant-transfer {
    color: rgb(137, 198, 255);
  }

  .ant-transfer-list-header {
    background-color: #121c44;
    color: rgb(137, 198, 255);
    border-bottom: 1px solid #0d206e;
  }

  .ant-transfer-list {
    border: 1px solid #0d206e;
  }

  .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
    background-color: #121c44;
  }

  //card
  .ant-layout-content .ant-card {
    border: 1px solid @night-bg-front  !important;
    background: @night-bg-front  !important;
    color: @night-font-color  !important;
  }

  .ant-card-head {
    border-bottom: 2px solid @night-bg-back  !important;
    color: @primary-color;
  }

  .ant-result-title {
    color: #fff;
  }

  .ant-statistic-title {
    color: #b9d8ff;
  }

  .ant-statistic-content {
    color: @primary-color;
  }

  .layout-head {
    #logo {
      height: 60px;

      img {
        margin-top: -3.5px;
      }

      border-bottom: 1px solid #020202;
      background: @night-bg-front;
    }

    #header {
      .next-menu .menu-item:hover {
        background-color: black !important;
      }

      padding-left: 0px;
      padding-right: 15px;
      background-color: @night-bg-front;
      color: white;
    }

    .ant-layout-header {
      background-color: @night-bg-front;
    }
  }

  .ant-layout-content {
    background-color: @night-bg-back;
  } 

}


.theme-night #header {
  background-color: @night-bg-front;
  color: @night-font-color;
}

.theme-night .ant-layout-content .tab-tool {
  background: @night-bg-front  !important;
  color: @night-font-color  !important;
}

.theme-night .ant-layout-content .ant-tabs-tab {
  background: @night-bg-front  !important;
  color: @night-font-color  !important;
  border: 1px solid @night-bg-front  !important;
}


.theme-night {

  .ant-tabs-top>.ant-tabs-nav::before,
  .ant-tabs-bottom>.ant-tabs-nav::before,
  .ant-tabs-top>div>.ant-tabs-nav::before,
  .ant-tabs-bottom>div>.ant-tabs-nav::before {
    border: none !important;
  }

}


.theme-night .layout-comp {
  #logo {
    height: 60px;
    border-bottom: 1px solid @night-bg-front;
    background: @night-bg-front;
  }

  #header {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ant-layout-header {
    .comp-menu {
      display: inline-block;
      height: 60px;
      line-height: 60px;
      padding-left: 30px;

      .menu-item {
        color: unset;
        height: 60px;
        line-height: 60px;
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 14.5px;
        cursor: pointer;
      }

      .is-active {
        border-top: 3px solid @primary-color  !important;
      }
    }

    background: @night-bg-front  !important;
  }

  >.ant-layout-sider {
    background: @night-bg-front  !important;
    box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
    z-index: 999;
  }
}


.theme-night .layout-head {
  #logo {
    height: 60px;

    img {
      margin-top: -3.5px;
    }

    border-bottom: 1px solid #101117;
    background: @night-bg-front;
  }

  #header {
    .next-menu .menu-item:hover {
      background-color: black !important;
    }

    padding-left: 0px;
    padding-right: 15px;
    background-color: @night-bg-front;
    color: @night-font-color;
  }

  .ant-layout-header {
    background-color: @night-bg-front;
  }
}


.theme-night .layout-side {
  #logo {
    height: 60px;
    border-bottom: 1px solid #101117;
    background: @night-bg-front;
  }

  #header {
    padding-left: 15px;
    padding-right: 15px;
  }

  >.ant-layout-sider {
    background: @night-bg-front  !important;
    box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
    z-index: 999;
  }
}